/* 头部 */
.head-reg{height: 114px;border-bottom: 1px solid #ccc;}
.head-reg .logo , .head-reg .logo-img{width: 170px;height: 90px;}
.head-reg .logo-img{margin-top: 16px;}

.telphone{width: 254px;margin-top: 30px;}
.tel-img{margin-right: 10px;}
.tel-tit{font-size: 18px;line-height: 24px;color: #333;}

/* main */
.main{position: relative; height: 600px;background: url('../img/3-1.png') no-repeat center;}
.main-box{position: absolute; top: 50px; left: 50%; margin-left: 50px; width: 400px;height: 445px;background-color: rgba(255, 255, 255, .8);}
.main-ul{width: 100%; height: 88px; border-bottom: 1px solid #ccc; padding: 44px 42px 0 ; box-sizing: border-box;}
.main-ordinary , .main-telphone{width: 135px;height: 40px; font-size: 18px; letter-spacing: 1px; text-align: center;  cursor: pointer;}
.active{border-bottom: 4px solid #ffa200; color: #ffa200;}
.main-input , .main-no{height: 240px; padding: 45px 35px 0;box-sizing: border-box;}
.main-no{display: none;}
.main-list{width: 330px; height: 46px;margin-bottom: 30px;}

.main-list-inp , .main-no-num{height: 46px; border: 1px solid #ccc;border-right: 0;padding: 20px;box-sizing: border-box; background-color: rgba(255, 255, 255, .1);}
.main-list-inp{width: 285px;}
.main-list-s1 , .main-list-s2{width: 45px;height: 46px;}
.main-list-s1{background: #ffa200 url('../img/用户.png') no-repeat center;}
.main-list-s2{background: #ffa200 url('../img/密码.png') no-repeat center;}
.main-but{width: 330px;height: 45px;text-align: center;line-height: 45px;font-size: 18px;color: #fff;font-weight: bold;background-color: #ffa200;border: none;}
.main-p{margin: 25px 0 25px 232px;}
.main-icon{margin-left: 35px; vertical-align: middle;}

/* 手机无密码登录 */
.main-no{position: absolute;top: 88px; left: 0;}
.main-no-num{width: 200px; border-right:  1px solid #ccc;}
.main-no-but{width: 120px; height: 46px; background-color: #ffa200;}

.main-wh{height: 240px;}

/* 验证登录 */
.main-sige{ display: none; position: absolute;top: 50px; left: 50%; margin-left: 398px;z-index: 100;}
.main-qr{position: absolute; top: 50px; left: 50%; margin-left: 404px; z-index: 100;}

/*  */
.main-code{margin: 50px 132px;}
.main-code-img1{margin-right: 10px;} 
.main-code-img2{ width: 180px; margin-left: 106px;}
.main-code1{margin: 20px 120px;}

.box-active{display: none;}
